<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/index.css">
	<title>游戏详情</title>
	<script type="text/javascript" src="js/flexible.js"></script>
</head>

<body>
	<div class="content pb100 pt80">
		<!-- header -->
		<header class="dheader bgf flex-align flex-between">
			<a href="javascript:history.back(-1);" class="dheader-back iconfont iconleft"></a>
			<div class="dheader-title tc">商品详情</div>
		</header>
		<!--  -->
		<div class="buy-box">
			<!-- dt-head -->
			<div class="dt-head">
				<!-- dt-ha -->
				<div class="dt-ha flex-align">
					<div class="dt-ha-img">
						<img class="img100" src="./images/img.png" alt="">
					</div>
					<div class="flex1 dt-hab">
						<div class="dt-habt">热血火影</div>
						<div class="dt-habf">高爆冰雪单职业</div>
						<div class="dt-habg flex">
							<span class="dt-habc flex-center-align">传奇</span>
						</div>
					</div>
					<div class="ml20">
						<div class="fz32 c3d3 flex-end">
							<span class="">价格:</span>
							<span class="ce53 bold">￥198</span>
						</div>
						<div class="fz24 c333 mt24">
							<span>累计充值:</span>
							<span class="ce53">18888</span>
							<span>元</span>
						</div>
					</div>
				</div>
				<!--  -->
			</div>
			<!--  -->
			<div class="dt-info flex-align mt24">
				<div class="flex1 flex-column">
					<!--  -->
					<div class="dt-hf">账号信息</div>
					<div class="dt-hb">设备类型：H5</div>
					<div class="dt-hb">区服：S64中升集团区</div>
					<div class="dt-hb">上架时间：2025-07-25</div>
					<div class="dt-hg">所有数据以商品上架时间为准</div>
				</div>
				<img class="dt-gf" src="./images/buy/guanfang.png" alt="">
			</div>
			<!-- dt-img -->
			<div class="dt-img mt20">
				<div class="">
					<span class="fz28 bold c3d3">排名第一，充值1888元，现在不想玩了。</span>
				</div>
				<div class="d-img mt20 flex flex-wrap">
					<div class="d-img-li">
						<img class="img100" src="./images/img.png" alt="">
					</div>
					<div class="d-img-li">
						<img class="img100" src="./images/img.png" alt="">
					</div>
					<div class="d-img-li">
						<img class="img100" src="./images/img.png" alt="">
					</div>
					<div class="d-img-li">
						<img class="img100" src="./images/img.png" alt="">
					</div>
				</div>
				<div class="d-video">
					<video src="https://www.w3school.com.cn/i/video/shanghai.mp4" controls="controls" width="100%"
						height="100%"
						poster="https://oss.sssgo.com/upload/cdcloud2/20250812/8b9eed5fec7e9287f42c875bc0981984.jpg"></video>
				</div>
			</div>
			<!-- bottom -->
			<div class="buy-bottom flex-align">
				<div class="buy-bottom-btn flex1 flex-center-align show-app">
					<span>立即购买</span>
				</div>
				<div class="buy-bottom-s flex-column flex-center-align">
					<img src="./images/buy/icon10.png" alt="">
					<span class="mt8">收藏</span>
				</div>
			</div>
		</div>

		<!--  -->
		<!-- footer -->
		<footer class="footer mt30">
			<div class="footer-b">
				<p>健康游戏忠告:</p>
				<p>
					<span>抵制不良游戏</span>
					<span>拒绝盗版游戏</span>
					<span>注意自我保护</span>
					<span>谨防受骗上当</span>
				</p>
				<p>
					<span>适度游戏益脑</span>
					<span>沉迷游戏伤身</span>
					<span>合理安排时间</span>
					<span>享受健康生活</span>
				</p>
				<p>
					<span>家长监护工程</span>
					<span>|</span>
					<span>防沉迷系统</span>
					<span>|</span>
					<span>纠纷处理</span>
					<span>|</span>
					<span>用户协议</span>
				</p>
				<p>安徽追游网络科技有限公司互联网ICP备案：</p>
			</div>
		</footer>
		<!--  -->
	</div>
	<!-- xnav -->
	<div class="xnav flex">
		<a class="xnav-li  xnav-lia" href="index.html">首页</a>
		<a class="xnav-li xnav-lib" href="game.html">游戏</a>
		<a class="xnav-li xnav-lic" href="gameCircle.html">游圈</a>
		<a class="xnav-li on xnav-lid" href="buy.html">交易</a>
		<a class="xnav-li xnav-lie" href="my.html">个人</a>
	</div>
	<!--  -->
	<script src="js/jquery.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/used.js"></script>
	<script>

	</script>
</body>

</html>